*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;/*怪异盒子*/
}

body{
    /*background-color: #ffffff;*/

}
.safe{
    width: 1000px;
    margin: 0 auto;/*安全距离要居中*/
    /*position: relative;*/
    }

.left{float: left;}
.right{float:right;}
.safe::after{
    clear: none;
    display: block;
    content: "";
    }
ul,li{
    list-style-type:none;/*对无序列表默认出现的点去除样式*/
    /*background-color: red;*/

}

a{
    color: inherit;
    text-decoration: none;
}



/*导航行头的样式*/
header{
    height: 98px;
    line-height: 98px;

}

header img{
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 14px;*/
    vertical-align: middle;
    /*line-height: 98px;*/
}

.daohang{
    /*line-height: 98px;*/
    font-size: 0;/*针对栏目与栏目之间做间隔的去除*/
    color: #333;
}
.daohang>span{
    /*margin-right: 32px;*/
    /*width: 68px;*/
    /*height: 98px;*/

    cursor: pointer;
    padding: 37px 20px;
    font-size: 16px;

}

.daohang>span:hover{
    color: #00a1f1;
    border-bottom: 2px solid #00a1f1;
}

/*.daohang>span:last-child{margin-right:0;}*/

/*导航行头的样式 end*/


.swiper-container {
    width: 100%;
    height: 500px;
    margin: 0 auto;
}


.banner1{
    height: 500px;
    /*margin: 0 auto;*/
    background-image: url('../img/banner1.jpg');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}


.banner2{
    height: 500px;
    /*margin: 0 auto;*/
    background-image: url('../img/banner2.jpg');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}



.banner3{
    height: 500px;
    /*margin: 0 auto;*/
    background-image: url('../img/banner3.jpg');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}







/*楼层1 首页分类块*/
.f1{
    height: 348px;
    padding-top: 60px;
    /*margin: 0 auto;*/
    /*width: 1000px;*/


}



.f1 li{
    width: 15%;
    margin-right: 5%;
    display: inline-block;/*对LI做了行块级样式*/
    text-align: center;
    /*background-color: pink;*/
    height: 289px;
    vertical-align: top;/*顶对齐*/

}



.f1>ul>li:last-child{margin-right:0;}

.yuanbox{
    border: 2px solid #00a1f1;
    border-radius: 50% 50%;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    line-height: 120px;
}


.yuanbox>i{
    font-size: 44px;
   color: #00a1f1;

}

.yuanbox>img{
    vertical-align: middle;
}

.f1 h3{
    font-size: 16px;
    margin:20px 0 15px;
}

.f1 p{
    font-size: 12px;
    line-height: 20px;
}


/*楼层1 首页分类块 end*/

/*楼层2 首页分类块开始*/

.f2{
    height: 280px;
    /*background-color: pink;*/
}

.about{
    width: 700px;
    height: 280px;
    border: 1px solid #e5e5e5;

}


.about>div{
    display: inline-block;
}
.about-img{
    width: 315px;

}
.us{
    padding: 48px 43px 46px;
    width: 378px;
    height: 280px;
    vertical-align: top;

}
.us>h1{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 18px;

}
.us>p{
    font-size: 12px;
    line-height: 20px;
}

button{
    width: 120px;
    height: 35px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background-color: white;
    margin-top: 34px;
    cursor: pointer;
}
.new{
    width: 280px;
    height: 280px;
    border: 1px solid #e5e5e5;
}

.new>p{
    font-size: 12px;
    margin: 22px 12px;
}

.new>p:hover{
    color: #00a1f1;
    cursor: pointer;
}

.newbt{
    height: 56px;
    background-color: #f3f3f3;
    border-bottom:1px solid #e5e5e5;
    line-height: 56px;

}


/*.new span{font-size: 0;}*/
.xinwen{
    font-size: 18px;
    padding-left: 18px;
    padding-right: 139px;

}

.more{
    font-size: 12px;
    padding-right: 20px;
}


.more:hover{
    cursor: pointer;
}
/*楼层2 首页分类块结束*/

/*楼层3*/

.f3{
    height: 500px;
    background-image: url(../img/bg-img.jpg);
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-top: 60px;


}

.f3 h1{
    color: white;
    text-align: center;
    padding-top: 84px;
    padding-bottom: 68px;
    font-size: 36px;
}

.f3 li{
    /*background-color: #00a1f1;*/
    width: 180px;
    margin-right: 80px;
    height: 170px;
    vertical-align: top;
    display: inline-block;
    text-align: center;



}

.f3>div>ul>li:last-child{margin-right:0;}

.redbox{
    width: 120px;
    height: 120px;
    background-color: #d90000;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 120px;

}

.redbox>i{
    font-size: 60px;
    color: white;
}
.f3 p{
    color: #ebb0b0;
    font-size: 18px;
    margin-top: 30px;
    margin-top: 30px;
}

/*楼层4样式  */
.f4-tittle{
    height: 55px;
    border: 1px solid #e6e6e6;
    background-color: #f7f7f7;
    line-height: 55px;
    /*padding: 18px 20px;*/
    margin-top: 60px;

}


/*公共库*/
/*span{font-size: 0;*/
/*}*/
/*公共库*/

.f4-tittle>span{
    font-size: 18px;
    /*line-height: 55px;*/
    float: left;
    padding-left: 20px;
}

.f4-tittle>a{
    font-size: 14px;
    color: #9a9a9a;
    /*line-height: 55px;*/
    float: right;
    padding-right: 20px;
}



/*.f4-2 li{*/
    /*background-color: #ebb0b0;*/
    /*width: 300px;*/
    /*height: 75px;*/
    /*display: inline-block;*/
    /*margin: 28px 30px;*/

/*}*/

.list{
    padding-top: 20px;
    border: 1px solid #e6e6e6;
    border-top: none;
    padding-left: 3.3333%;
}
.list:after{
    clear: both;
    content: "";
    display: block;
}
.list>li{
    width:30%;
    height: 74px;
    /*background-color: #ebb0b0;*/
    float: left;
    margin-right:3.3333%;
    margin-bottom: 20px;
}

.list-img{
    width: 110px;
    height: 74px;
    float: left;
}

.list-new{
    width: 175px;
}

.list h3{
    font-size: 14px;
    padding-bottom: 16px;

}

.list p{
    font-size: 12px;
    color: #999999;
}

/*楼层5 案例展示样式*/

.f5-case{
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    padding-left: 20px;
    color: #4c4c4c;
    margin-top: 50px;
}

.f5-hz{
    font-size: 0;
}
.f5-hz>li{
    width: 250px;
    height: 100px;
    display: inline-block;
    /*background-color: #00a1f1;*/
    /*border: 1px solid;*/
    vertical-align: top;
    line-height: 100px;
    text-align: center;

}

.f5-hz:after{
    clear: both;
    content: "";
    display: block;
}


.f5-hz img{
    vertical-align: middle;
}



/*footer*/

footer{
    height: 326px;
    background-color: #f2f2f2;
    margin-top: 36px;
    border-top: 1px solid #d5d5d5;

}

.footer-1{
    height: 254px;
    padding-top: 47px;
    border-bottom: 1px solid #d5d5d5;
}


.footer-1>li{
    /*background-color: #ebb0b0;*/
    width: 20%;
    height: 207px;
    float: left;
}

.footer-1 h1{
    font-size: 16px;
    color: #4c4c4c;
    margin-bottom: 28px;
}

.footer-1 p{
    font-size: 12px;
    color: #808080;
    /*margin: 28px 0 20px;*/
    line-height: 28px;
}



.footer-1  h2{
    font-size: 25px;
    color: #a72323;
}





.dibu{
    font-size: 12px;
    color: #808080;
    text-align: center;
    height: 72px;
    line-height: 72px;


}